<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>前端导航 | 小盐菌</title>
    <meta name="description" content="包含前端常用知识、源码阅读笔记、各种奇淫技巧、日常提效工具等">
    <link rel="preload stylesheet" href="/vitepress_note_public/assets/style.0e0c5bf7.css" as="style">
    
    <script type="module" src="/vitepress_note_public/assets/app.96a98344.js"></script>
    <link rel="preload" href="/vitepress_note_public/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/vitepress_note_public/assets/chunks/framework.521289a5.js">
    <link rel="modulepreload" href="/vitepress_note_public/assets/chunks/theme.0e4abe87.js">
    <link rel="modulepreload" href="/vitepress_note_public/assets/nav_index.md.a9a25e99.lean.js">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon" href="/favicon.ico">
    <link rel="mask-icon" href="/favicon.ico" color="#3eaf7c">
    <meta name="msapplication-TileImage" content="/favicon.ico">
    <meta name="msapplication-TileColor" content="#000000">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout m-nav-layout" data-v-9318537a><!--[--><!--]--><!--[--><span tabindex="-1" data-v-ed1ac132></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-ed1ac132> Skip to content </a><!--]--><!----><header class="VPNav" data-v-9318537a data-v-8f624d97><div class="VPNavBar" data-v-8f624d97 data-v-ff5c4dd3><div class="container" data-v-ff5c4dd3><div class="title" data-v-ff5c4dd3><div class="VPNavBarTitle" data-v-ff5c4dd3 data-v-3833bba8><a class="title" href="/vitepress_note_public/" data-v-3833bba8><!--[--><!--]--><!--[--><img class="VPImage logo" src="/vitepress_note_public/logo.png" alt data-v-27d32eb7><!--]--><!--[-->小盐菌<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-ff5c4dd3><div class="curtain" data-v-ff5c4dd3></div><div class="content-body" data-v-ff5c4dd3><!--[--><!--]--><div class="VPNavBarSearch search" data-v-ff5c4dd3><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-ff5c4dd3 data-v-28080106><span id="main-nav-aria-label" class="visually-hidden" data-v-28080106>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vitepress_note_public/" tabindex="0" data-v-28080106 data-v-7a34f57c><!--[--><span data-v-7a34f57c>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/vitepress_note_public/nav/" tabindex="0" data-v-28080106 data-v-7a34f57c><!--[--><span data-v-7a34f57c>待开发</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://notes.fe-mm.com" target="_blank" rel="noreferrer" tabindex="0" data-v-28080106 data-v-7a34f57c><!--[--><span data-v-7a34f57c>待开发</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://netease-music.fe-mm.com" target="_blank" rel="noreferrer" tabindex="0" data-v-28080106 data-v-7a34f57c><!--[--><span data-v-7a34f57c>待开发</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://github.com/maomao1996/tampermonkey-scripts" target="_blank" rel="noreferrer" tabindex="0" data-v-28080106 data-v-7a34f57c><!--[--><span data-v-7a34f57c>待开发</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-ff5c4dd3 data-v-1962e285><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-1962e285 data-v-799bb6cc data-v-73f5360c><span class="check" data-v-73f5360c><span class="icon" data-v-73f5360c><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-799bb6cc><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-799bb6cc><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-ff5c4dd3 data-v-cf8658e3 data-v-630d9035><!--[--><a class="VPSocialLink no-icon" href="https://github.com/maomao1996/vitepress-nav-template" aria-label="github" target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink no-icon" href="https://weixin.qq.com/" aria-label target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg t="1703841371820" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7872" width="200" height="200"><path d="M683.058 364.695c11 0 22 1.016 32.943 1.976C686.564 230.064 538.896 128 370.681 128c-188.104 0.66-342.237 127.793-342.237 289.226 0 93.068 51.379 169.827 136.725 229.256L130.72 748.43l119.796-59.368c42.918 8.395 77.37 16.79 119.742 16.79 11 0 21.46-0.48 31.914-1.442a259.168 259.168 0 0 1-10.455-71.358c0.485-148.002 128.744-268.297 291.403-268.297l-0.06-0.06z m-184.113-91.992c25.99 0 42.913 16.79 42.913 42.575 0 25.188-16.923 42.579-42.913 42.579-25.45 0-51.38-16.85-51.38-42.58 0-25.784 25.93-42.574 51.38-42.574z m-239.544 85.154c-25.384 0-51.374-16.85-51.374-42.58 0-25.784 25.99-42.574 51.374-42.574 25.45 0 42.918 16.79 42.918 42.575 0 25.188-16.924 42.579-42.918 42.579z m736.155 271.655c0-135.647-136.725-246.527-290.983-246.527-162.655 0-290.918 110.88-290.918 246.527 0 136.128 128.263 246.587 290.918 246.587 33.972 0 68.423-8.395 102.818-16.85l93.809 50.973-25.93-84.677c68.907-51.93 120.286-119.815 120.286-196.033z m-385.275-42.58c-16.923 0-34.452-16.79-34.452-34.179 0-16.79 17.529-34.18 34.452-34.18 25.99 0 42.918 16.85 42.918 34.18 0 17.39-16.928 34.18-42.918 34.18z m188.165 0c-16.984 0-33.972-16.79-33.972-34.179 0-16.79 16.927-34.18 33.972-34.18 25.93 0 42.913 16.85 42.913 34.18 0 17.39-16.983 34.18-42.913 34.18z" fill="#09BB07" p-id="7873"></path></svg></a><a class="VPSocialLink no-icon" href="https://gitee.com/" aria-label target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg t="1703841714246" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9766" width="200" height="200"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="9767"></path></svg></a><a class="VPSocialLink no-icon" href="https://www.bilibili.com/" aria-label target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg t="1703842691600" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10969" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FF6B9B" p-id="10970"></path><path d="M336.896 115.584l117.568 115.968h115.008l117.632-115.904a36.672 36.672 0 0 1 51.328 0 35.456 35.456 0 0 1 0 50.56L672 231.552h75.648c33.664 0 65.92 13.184 89.792 36.672 23.808 23.488 37.12 55.296 37.12 88.512v286.08c0 33.216-13.312 65.024-37.12 88.512a127.872 127.872 0 0 1-89.792 36.672H276.288c-33.664 0-65.92-13.184-89.792-36.672a124.288 124.288 0 0 1-37.12-88.512v-286.08c0-33.216 13.312-65.024 37.12-88.512a127.872 127.872 0 0 1 89.792-36.672h75.584L285.568 166.144a35.456 35.456 0 0 1-9.344-34.56 36.608 36.608 0 0 1 60.736-16z m410.88 187.52H276.224a54.144 54.144 0 0 0-54.144 48.512l-0.256 5.12v286.08c0 27.648 21.248 50.752 49.152 53.44l5.248 0.192h471.424a54.144 54.144 0 0 0 54.144-48.448l0.256-5.12v-286.08a54.016 54.016 0 0 0-54.4-53.76z m-380.8 107.264c19.968 0 36.224 16 36.224 35.776v71.552a36.032 36.032 0 0 1-36.288 35.712 36.032 36.032 0 0 1-36.224-35.712V446.08c0-19.776 16.192-35.776 36.224-35.776z m290.112 0c20.032 0 36.224 16 36.224 35.776v71.552a36.032 36.032 0 0 1-36.224 35.712 36.032 36.032 0 0 1-36.288-35.712V446.08c0-19.776 16.256-35.776 36.288-35.776z" fill="#FF7BA6" p-id="10971"></path><path d="M741.632 390.72c2.496 0.448 22.208-3.968 23.04-2.56 1.28 1.92 10.048 65.152 7.68 65.6-2.24 0.384-18.56 4.16-18.56 4.16-1.28-8.576-11.968-61.76-12.16-67.2m31.36-6.08l8.64 68.032c4.352-0.192 22.144-1.472 23.872-1.664-2.56-25.728-6.912-66.368-6.912-66.368a65.536 65.536 0 0 0-25.6 0m-16.896 94.464s38.72-9.856 52.736-5.056c7.104 25.728 20.096 170.24 21.376 176.064-8.832 1.088-37.76 3.584-40 4.224-1.92-10.88-34.112-168.32-34.112-175.232m143.36-86.72c2.368 0.64 22.848-2.112 23.04-0.64 0.448 5.056 2.56 65.792 0.256 65.92l-18.688 1.728c-0.384-8.32-4.992-61.376-4.544-67.008m31.616-1.664l1.664 67.2c4.352 0 21.952 1.024 23.872 0.832-0.448-25.728 0-66.368 0-66.368a115.712 115.712 0 0 0-25.6-1.664m-27.008 90.24s39.616-5.248 52.992 1.024c2.944 30.144 2.56 170.688 2.944 176.512-8.96 0-37.696 0.448-40 0.832-0.384-10.88-16.512-171.456-15.936-178.368M812.16 308.224c22.848 116.416 40.192 315.328 40.832 328.064 0 0 18.048 0.448 38.336 1.728-11.968-125.44-26.624-325.76-26.368-332.288-5.056-5.696-52.8 2.496-52.8 2.496m-50.24 275.328c-4.416-32.64-121.216-69.76-186.944-57.792 0 0-8.192-72-11.328-141.76a1447.04 1447.04 0 0 1 0.192-127.68c-4.352-3.2-51.712 19.456-77.248 28.864 0 0 30.592 129.408 52.736 397.824 0 0 35.392 3.776 96.128-7.936s132.544-48.384 126.464-91.52m-142.784 58.88l-10.24-73.984c2.496-1.28 65.536 22.208 72.192 26.432-1.024 4.608-61.952 47.488-61.952 47.488m-364.16-251.648c2.56 0.448 22.272-3.968 23.04-2.56 1.28 1.92 10.112 65.152 7.808 65.6-2.304 0.384-18.688 4.16-18.688 4.16-1.28-8.576-11.904-61.76-12.16-67.2m31.424-6.08l8.64 68.032c4.352-0.192 22.144-1.472 23.872-1.664-2.752-25.728-6.912-66.368-6.912-66.368a65.536 65.536 0 0 0-25.6 0M269.44 479.104s38.784-9.856 52.8-5.056c7.104 25.728 20.096 170.24 21.376 176.064-8.832 1.088-37.76 3.584-40 4.224-1.92-10.88-34.176-168.32-34.176-175.232M412.864 392.32c2.304 0.64 22.848-2.112 23.04-0.64 0.448 5.056 2.56 65.792 0.256 65.92l-18.688 1.728c-0.384-8.32-4.8-61.376-4.608-67.008m31.616-1.664l1.728 67.2c4.352 0 21.952 1.024 23.872 0.832-0.448-25.728 0-66.368 0-66.368a129.92 129.92 0 0 0-25.6-1.664m-27.008 90.24s39.616-5.248 52.992 1.024c2.944 30.144 2.56 170.688 2.944 176.512-8.96 0-37.696 0.448-40 0.832-0.192-10.88-16.512-171.456-15.936-178.368M325.568 308.224c22.848 116.416 40.192 315.328 40.832 328.064 0 0 18.048 0.448 38.336 1.728-11.968-125.44-26.624-325.76-26.368-332.544-5.056-5.44-52.8 2.752-52.8 2.752m-50.24 275.328c-4.416-32.64-121.216-69.76-186.944-57.792 0 0-8.192-72-11.328-141.76a1447.04 1447.04 0 0 1 0.192-127.68C72.832 253.376 25.6 275.776 0 285.184c0 0 30.592 129.408 52.736 397.824 0 0 35.392 3.776 96.128-7.936s132.48-48.384 126.464-91.52m-142.784 58.88l-10.24-73.984c2.496-1.28 65.536 22.208 72.192 26.432-1.024 4.608-61.952 47.488-61.952 47.488" fill="#FFFFFF" p-id="10972"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-ff5c4dd3 data-v-ba4558fe data-v-77509512><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-77509512><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-77509512><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-77509512><div class="VPMenu" data-v-77509512 data-v-8d8238a7><!----><!--[--><!--[--><!----><div class="group" data-v-ba4558fe><div class="item appearance" data-v-ba4558fe><p class="label" data-v-ba4558fe>外观</p><div class="appearance-action" data-v-ba4558fe><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-ba4558fe data-v-799bb6cc data-v-73f5360c><span class="check" data-v-73f5360c><span class="icon" data-v-73f5360c><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-799bb6cc><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-799bb6cc><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-ba4558fe><div class="item social-links" data-v-ba4558fe><div class="VPSocialLinks social-links-list" data-v-ba4558fe data-v-630d9035><!--[--><a class="VPSocialLink no-icon" href="https://github.com/maomao1996/vitepress-nav-template" aria-label="github" target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><a class="VPSocialLink no-icon" href="https://weixin.qq.com/" aria-label target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg t="1703841371820" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7872" width="200" height="200"><path d="M683.058 364.695c11 0 22 1.016 32.943 1.976C686.564 230.064 538.896 128 370.681 128c-188.104 0.66-342.237 127.793-342.237 289.226 0 93.068 51.379 169.827 136.725 229.256L130.72 748.43l119.796-59.368c42.918 8.395 77.37 16.79 119.742 16.79 11 0 21.46-0.48 31.914-1.442a259.168 259.168 0 0 1-10.455-71.358c0.485-148.002 128.744-268.297 291.403-268.297l-0.06-0.06z m-184.113-91.992c25.99 0 42.913 16.79 42.913 42.575 0 25.188-16.923 42.579-42.913 42.579-25.45 0-51.38-16.85-51.38-42.58 0-25.784 25.93-42.574 51.38-42.574z m-239.544 85.154c-25.384 0-51.374-16.85-51.374-42.58 0-25.784 25.99-42.574 51.374-42.574 25.45 0 42.918 16.79 42.918 42.575 0 25.188-16.924 42.579-42.918 42.579z m736.155 271.655c0-135.647-136.725-246.527-290.983-246.527-162.655 0-290.918 110.88-290.918 246.527 0 136.128 128.263 246.587 290.918 246.587 33.972 0 68.423-8.395 102.818-16.85l93.809 50.973-25.93-84.677c68.907-51.93 120.286-119.815 120.286-196.033z m-385.275-42.58c-16.923 0-34.452-16.79-34.452-34.179 0-16.79 17.529-34.18 34.452-34.18 25.99 0 42.918 16.85 42.918 34.18 0 17.39-16.928 34.18-42.918 34.18z m188.165 0c-16.984 0-33.972-16.79-33.972-34.179 0-16.79 16.927-34.18 33.972-34.18 25.93 0 42.913 16.85 42.913 34.18 0 17.39-16.983 34.18-42.913 34.18z" fill="#09BB07" p-id="7873"></path></svg></a><a class="VPSocialLink no-icon" href="https://gitee.com/" aria-label target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg t="1703841714246" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9766" width="200" height="200"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="9767"></path></svg></a><a class="VPSocialLink no-icon" href="https://www.bilibili.com/" aria-label target="_blank" rel="noopener" data-v-630d9035 data-v-516a33a1><svg t="1703842691600" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10969" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FF6B9B" p-id="10970"></path><path d="M336.896 115.584l117.568 115.968h115.008l117.632-115.904a36.672 36.672 0 0 1 51.328 0 35.456 35.456 0 0 1 0 50.56L672 231.552h75.648c33.664 0 65.92 13.184 89.792 36.672 23.808 23.488 37.12 55.296 37.12 88.512v286.08c0 33.216-13.312 65.024-37.12 88.512a127.872 127.872 0 0 1-89.792 36.672H276.288c-33.664 0-65.92-13.184-89.792-36.672a124.288 124.288 0 0 1-37.12-88.512v-286.08c0-33.216 13.312-65.024 37.12-88.512a127.872 127.872 0 0 1 89.792-36.672h75.584L285.568 166.144a35.456 35.456 0 0 1-9.344-34.56 36.608 36.608 0 0 1 60.736-16z m410.88 187.52H276.224a54.144 54.144 0 0 0-54.144 48.512l-0.256 5.12v286.08c0 27.648 21.248 50.752 49.152 53.44l5.248 0.192h471.424a54.144 54.144 0 0 0 54.144-48.448l0.256-5.12v-286.08a54.016 54.016 0 0 0-54.4-53.76z m-380.8 107.264c19.968 0 36.224 16 36.224 35.776v71.552a36.032 36.032 0 0 1-36.288 35.712 36.032 36.032 0 0 1-36.224-35.712V446.08c0-19.776 16.192-35.776 36.224-35.776z m290.112 0c20.032 0 36.224 16 36.224 35.776v71.552a36.032 36.032 0 0 1-36.224 35.712 36.032 36.032 0 0 1-36.288-35.712V446.08c0-19.776 16.256-35.776 36.288-35.776z" fill="#FF7BA6" p-id="10971"></path><path d="M741.632 390.72c2.496 0.448 22.208-3.968 23.04-2.56 1.28 1.92 10.048 65.152 7.68 65.6-2.24 0.384-18.56 4.16-18.56 4.16-1.28-8.576-11.968-61.76-12.16-67.2m31.36-6.08l8.64 68.032c4.352-0.192 22.144-1.472 23.872-1.664-2.56-25.728-6.912-66.368-6.912-66.368a65.536 65.536 0 0 0-25.6 0m-16.896 94.464s38.72-9.856 52.736-5.056c7.104 25.728 20.096 170.24 21.376 176.064-8.832 1.088-37.76 3.584-40 4.224-1.92-10.88-34.112-168.32-34.112-175.232m143.36-86.72c2.368 0.64 22.848-2.112 23.04-0.64 0.448 5.056 2.56 65.792 0.256 65.92l-18.688 1.728c-0.384-8.32-4.992-61.376-4.544-67.008m31.616-1.664l1.664 67.2c4.352 0 21.952 1.024 23.872 0.832-0.448-25.728 0-66.368 0-66.368a115.712 115.712 0 0 0-25.6-1.664m-27.008 90.24s39.616-5.248 52.992 1.024c2.944 30.144 2.56 170.688 2.944 176.512-8.96 0-37.696 0.448-40 0.832-0.384-10.88-16.512-171.456-15.936-178.368M812.16 308.224c22.848 116.416 40.192 315.328 40.832 328.064 0 0 18.048 0.448 38.336 1.728-11.968-125.44-26.624-325.76-26.368-332.288-5.056-5.696-52.8 2.496-52.8 2.496m-50.24 275.328c-4.416-32.64-121.216-69.76-186.944-57.792 0 0-8.192-72-11.328-141.76a1447.04 1447.04 0 0 1 0.192-127.68c-4.352-3.2-51.712 19.456-77.248 28.864 0 0 30.592 129.408 52.736 397.824 0 0 35.392 3.776 96.128-7.936s132.544-48.384 126.464-91.52m-142.784 58.88l-10.24-73.984c2.496-1.28 65.536 22.208 72.192 26.432-1.024 4.608-61.952 47.488-61.952 47.488m-364.16-251.648c2.56 0.448 22.272-3.968 23.04-2.56 1.28 1.92 10.112 65.152 7.808 65.6-2.304 0.384-18.688 4.16-18.688 4.16-1.28-8.576-11.904-61.76-12.16-67.2m31.424-6.08l8.64 68.032c4.352-0.192 22.144-1.472 23.872-1.664-2.752-25.728-6.912-66.368-6.912-66.368a65.536 65.536 0 0 0-25.6 0M269.44 479.104s38.784-9.856 52.8-5.056c7.104 25.728 20.096 170.24 21.376 176.064-8.832 1.088-37.76 3.584-40 4.224-1.92-10.88-34.176-168.32-34.176-175.232M412.864 392.32c2.304 0.64 22.848-2.112 23.04-0.64 0.448 5.056 2.56 65.792 0.256 65.92l-18.688 1.728c-0.384-8.32-4.8-61.376-4.608-67.008m31.616-1.664l1.728 67.2c4.352 0 21.952 1.024 23.872 0.832-0.448-25.728 0-66.368 0-66.368a129.92 129.92 0 0 0-25.6-1.664m-27.008 90.24s39.616-5.248 52.992 1.024c2.944 30.144 2.56 170.688 2.944 176.512-8.96 0-37.696 0.448-40 0.832-0.192-10.88-16.512-171.456-15.936-178.368M325.568 308.224c22.848 116.416 40.192 315.328 40.832 328.064 0 0 18.048 0.448 38.336 1.728-11.968-125.44-26.624-325.76-26.368-332.544-5.056-5.44-52.8 2.752-52.8 2.752m-50.24 275.328c-4.416-32.64-121.216-69.76-186.944-57.792 0 0-8.192-72-11.328-141.76a1447.04 1447.04 0 0 1 0.192-127.68C72.832 253.376 25.6 275.776 0 285.184c0 0 30.592 129.408 52.736 397.824 0 0 35.392 3.776 96.128-7.936s132.48-48.384 126.464-91.52m-142.784 58.88l-10.24-73.984c2.496-1.28 65.536 22.208 72.192 26.432-1.024 4.608-61.952 47.488-61.952 47.488" fill="#FFFFFF" p-id="10972"></path></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-ff5c4dd3 data-v-0f5c76f7><span class="container" data-v-0f5c76f7><span class="top" data-v-0f5c76f7></span><span class="middle" data-v-0f5c76f7></span><span class="bottom" data-v-0f5c76f7></span></span></button></div></div></div></div><!----></header><div class="VPLocalNav fixed reached-top" data-v-9318537a data-v-25546185><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-25546185 data-v-11ffa2ae><button data-v-11ffa2ae>返回顶部</button><!----></div></div><!----><div class="VPContent" id="VPContent" data-v-9318537a data-v-4dd6dd46><div class="VPDoc has-aside" data-v-4dd6dd46 data-v-42620db0><!--[--><!--]--><div class="container" data-v-42620db0><div class="aside" data-v-42620db0><div class="aside-curtain" data-v-42620db0></div><div class="aside-container" data-v-42620db0><div class="aside-content" data-v-42620db0><div class="VPDocAside" data-v-42620db0 data-v-0770f702><!--[--><!--]--><!--[--><!--]--><div class="VPDocAsideOutline" role="navigation" data-v-0770f702 data-v-41840e04><div class="content" data-v-41840e04><div class="outline-marker" data-v-41840e04></div><div class="outline-title" role="heading" aria-level="2" data-v-41840e04>本页目录</div><nav aria-labelledby="doc-outline-aria-label" data-v-41840e04><span class="visually-hidden" id="doc-outline-aria-label" data-v-41840e04> Table of Contents for current page </span><ul class="root" data-v-41840e04 data-v-50a1839a><!--[--><!--]--></ul></nav></div></div><!--[--><!--]--><div class="spacer" data-v-0770f702></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-42620db0><div class="content-container" data-v-42620db0><!--[--><!--]--><!----><main class="main" data-v-42620db0><div style="position:relative;" class="vp-doc _vitepress_note_public_nav_" data-v-42620db0><div><h1 id="前端导航" tabindex="-1">前端导航 <a class="header-anchor" href="#前端导航" aria-label="Permalink to &quot;前端导航&quot;">​</a></h1><!--[--><!--[--><h2 id="常用工具" tabindex="-1" data-v-df74db49>常用工具 <a class="header-anchor" href="#常用工具" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://caniuse.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://caniuse.com/img/favicon-128.png" alt="Can I use" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="can-i-use" class="title" data-v-961ec27a>Can I use</h5></div><p class="desc" data-v-961ec27a>前端 API 兼容性查询</p></article></a><a class="m-nav-link" href="https://tinypng.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://tinypng.com/images/apple-touch-icon.png" alt="TinyPNG" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="tinypng" class="title" data-v-961ec27a>TinyPNG</h5></div><p class="desc" data-v-961ec27a>在线图片压缩工具</p></article></a><a class="m-nav-link" href="https://devtool.tech" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://devtool.tech/logo.svg" alt="开发者武器库" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="开发者武器库" class="title" data-v-961ec27a>开发者武器库</h5></div><p class="desc" data-v-961ec27a>开发者武器库，做开发者最专业最好用的专业工具箱</p></article></a><a class="m-nav-link" href="https://tool.lu" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://tool.lu/favicon.ico" alt="在线工具" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="在线工具" class="title" data-v-961ec27a>在线工具</h5></div><p class="desc" data-v-961ec27a>开发人员的工具箱</p></article></a><a class="m-nav-link" href="https://www.json.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/json-cn.ico" alt="Json 中文网" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="json-中文网" class="title" data-v-961ec27a>Json 中文网</h5></div><p class="desc" data-v-961ec27a>JSON 在线解析及格式化验证</p></article></a><!--]--></div><!--]--><!--[--><h2 id="ai-导航" tabindex="-1" data-v-df74db49>AI 导航 <a class="header-anchor" href="#ai-导航" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://chat.openai.com/chat" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/chatgpt.png" alt="ChatGPT（最强）" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="chatgpt-最强" class="title" data-v-961ec27a>ChatGPT（最强）</h5></div><!----></article></a><a class="m-nav-link" href="https://www.notion.so" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.notion.so/images/logo-ios.png" alt="Notion AI（笔记）" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="notion-ai-笔记" class="title" data-v-961ec27a>Notion AI（笔记）</h5></div><!----></article></a><a class="m-nav-link" href="https://www.midjourney.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.midjourney.com/apple-touch-icon.png" alt="Midjourney（绘画）" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="midjourney-绘画" class="title" data-v-961ec27a>Midjourney（绘画）</h5></div><!----></article></a><a class="m-nav-link" href="https://www.beautiful.ai" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://global-uploads.webflow.com/59deb588800ae30001ec19c9/5d4891e0e260e3c1bc37b100_beautiful%20ai%20favicon%20%20blue%20square.png" alt="Beautiful.ai（PPT）" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="beautiful-ai-ppt" class="title" data-v-961ec27a>Beautiful.ai（PPT）</h5></div><!----></article></a><!--]--></div><!--]--><!--[--><h2 id="react-生态" tabindex="-1" data-v-df74db49>React 生态 <a class="header-anchor" href="#react-生态" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://zh-hans.reactjs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://zh-hans.reactjs.org/favicon.ico" alt="React" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="react" class="title" data-v-961ec27a>React</h5></div><p class="desc" data-v-961ec27a>用于构建用户界面的 JavaScript 库</p></article></a><a class="m-nav-link" href="https://reactrouter.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://reactrouter.com/favicon-light.png" alt="React Router" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="react-router" class="title" data-v-961ec27a>React Router</h5></div><p class="desc" data-v-961ec27a>React 的声明式路由</p></article></a><a class="m-nav-link" href="https://nextjs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://nextjs.org/static/favicon/safari-pinned-tab.svg" alt="Next.js" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="next-js" class="title" data-v-961ec27a>Next.js</h5></div><p class="desc" data-v-961ec27a>一个用于 Web 的 React 框架</p></article></a><a class="m-nav-link" href="https://umijs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://img.alicdn.com/tfs/TB1YHEpwUT1gK0jSZFhXXaAtVXa-28-27.svg" alt="UmiJS" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="umijs" class="title" data-v-961ec27a>UmiJS</h5></div><p class="desc" data-v-961ec27a>插件化的企业级前端应用框架</p></article></a><a class="m-nav-link" href="https://ant.design" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png" alt="Ant Design" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="ant-design" class="title" data-v-961ec27a>Ant Design</h5></div><p class="desc" data-v-961ec27a>一套企业级 UI 设计语言和 React 组件库</p></article></a><a class="m-nav-link" href="https://mobile.ant.design" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://gw.alipayobjects.com/zos/bmw-prod/69a27fcc-ce52-4f27-83f1-c44541e9b65d.svg" alt="Ant Design Mobile" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="ant-design-mobile" class="title" data-v-961ec27a>Ant Design Mobile</h5></div><p class="desc" data-v-961ec27a>构建移动 WEB 应用程序的 React 组件库</p></article></a><a class="m-nav-link" href="https://docs.pmnd.rs/zustand/getting-started/introduction" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://docs.pmnd.rs/apple-touch-icon.png" alt="Zustand" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="zustand" class="title" data-v-961ec27a>Zustand</h5></div><p class="desc" data-v-961ec27a>一个小型、快速、可扩展的 React 状态管理解决方案</p></article></a><a class="m-nav-link" href="https://valtio.pmnd.rs" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://valtio.pmnd.rs/favicon.ico" alt="Valtio" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="valtio" class="title" data-v-961ec27a>Valtio</h5></div><p class="desc" data-v-961ec27a>makes proxy-state simple for React and Vanilla</p></article></a><a class="m-nav-link" href="https://jotai.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://jotai.org/favicon.svg" alt="Jotai" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="jotai" class="title" data-v-961ec27a>Jotai</h5></div><p class="desc" data-v-961ec27a>primitive and flexible state management for React</p></article></a><a class="m-nav-link" href="https://cn.redux.js.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.redux.js.org/img/redux.svg" alt="Redux" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="redux" class="title" data-v-961ec27a>Redux</h5></div><p class="desc" data-v-961ec27a>JavaScript 应用的状态容器，提供可预测的状态管理</p></article></a><a class="m-nav-link" href="https://zh.mobx.js.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://zh.mobx.js.org/assets/mobx.png" alt="MobX" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="mobx" class="title" data-v-961ec27a>MobX</h5></div><p class="desc" data-v-961ec27a>一个小型、快速、可扩展的 React 状态管理解决方案</p></article></a><a class="m-nav-link" href="https://ahooks.js.org/zh-CN" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://ahooks.js.org/simple-logo.svg" alt="ahooks" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="ahooks" class="title" data-v-961ec27a>ahooks</h5></div><p class="desc" data-v-961ec27a>一套高质量可靠的 React Hooks 库</p></article></a><!--]--></div><!--]--><!--[--><h2 id="vue-生态" tabindex="-1" data-v-df74db49>Vue 生态 <a class="header-anchor" href="#vue-生态" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://cn.vuejs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.vuejs.org/logo.svg" alt="Vue 3" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vue-3" class="title" data-v-961ec27a>Vue 3</h5></div><p class="desc" data-v-961ec27a>渐进式 JavaScript 框架</p></article></a><a class="m-nav-link" href="https://v2.cn.vuejs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.vuejs.org/logo.svg" alt="Vue 2" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vue-2" class="title" data-v-961ec27a>Vue 2</h5></div><p class="desc" data-v-961ec27a>渐进式 JavaScript 框架</p></article></a><a class="m-nav-link" href="https://router.vuejs.org/zh" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.vuejs.org/logo.svg" alt="Vue Router" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vue-router" class="title" data-v-961ec27a>Vue Router</h5></div><p class="desc" data-v-961ec27a>Vue.js 的官方路由
为 Vue.js 提供富有表现力、可配置的、方便的路由</p></article></a><a class="m-nav-link" href="https://pinia.vuejs.org/zh" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://pinia.vuejs.org/logo.svg" alt="Pinia" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="pinia" class="title" data-v-961ec27a>Pinia</h5></div><p class="desc" data-v-961ec27a>符合直觉的 Vue.js 状态管理库</p></article></a><a class="m-nav-link" href="https://nuxt.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://nuxt.com/icon.png" alt="Nuxt.js" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="nuxt-js" class="title" data-v-961ec27a>Nuxt.js</h5></div><p class="desc" data-v-961ec27a>一个基于 Vue.js 的通用应用框架</p></article></a><a class="m-nav-link" href="https://vueuse.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://vueuse.org/favicon.svg" alt="VueUse" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vueuse" class="title" data-v-961ec27a>VueUse</h5></div><p class="desc" data-v-961ec27a>Vue Composition API 的常用工具集</p></article></a><a class="m-nav-link" href="https://element-plus.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://element-plus.org/images/element-plus-logo-small.svg" alt="Element Plus" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="element-plus" class="title" data-v-961ec27a>Element Plus</h5></div><p class="desc" data-v-961ec27a>基于 Vue 3，面向设计师和开发者的组件库</p></article></a><a class="m-nav-link" href="https://antdv.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.antdv.com/assets/logo.1ef800a8.svg" alt="Ant Design Vue" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="ant-design-vue" class="title" data-v-961ec27a>Ant Design Vue</h5></div><p class="desc" data-v-961ec27a>Ant Design 的 Vue 实现，开发和服务于企业级后台产品</p></article></a><a class="m-nav-link" href="https://vant-ui.github.io/vant" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://fastly.jsdelivr.net/npm/@vant/assets/logo.png" alt="Vant" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vant" class="title" data-v-961ec27a>Vant</h5></div><p class="desc" data-v-961ec27a>轻量、可定制的移动端 Vue 组件库</p></article></a><a class="m-nav-link" href="https://didi.github.io/cube-ui" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://webapp.didistatic.com/static/webapp/shield/Cube-UI_logo.ico" alt="Cube UI" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="cube-ui" class="title" data-v-961ec27a>Cube UI</h5></div><p class="desc" data-v-961ec27a>基于 Vue.js 实现的精致移动端组件库</p></article></a><a class="m-nav-link" href="https://nutui.jd.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png" alt="NutUI" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="nutui" class="title" data-v-961ec27a>NutUI</h5></div><p class="desc" data-v-961ec27a>京东风格的轻量级移动端组件库</p></article></a><!--]--></div><!--]--><!--[--><h2 id="javascript-框架类库" tabindex="-1" data-v-df74db49>JavaScript 框架类库 <a class="header-anchor" href="#javascript-框架类库" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://svelte.dev" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://svelte.dev/svelte-logo-horizontal.svg" alt="Svelte" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="svelte" class="title" data-v-961ec27a>Svelte</h5></div><p class="desc" data-v-961ec27a>将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码</p></article></a><a class="m-nav-link" href="https://jquery.cuishifeng.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/jquery.svg" alt="jQuery API 中文文档" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="jquery-api-中文文档" class="title" data-v-961ec27a>jQuery API 中文文档</h5></div><p class="desc" data-v-961ec27a>一个兼容多浏览器的 JavaScript 框架</p></article></a><!--]--></div><!--]--><!--[--><h2 id="css-相关" tabindex="-1" data-v-df74db49>CSS 相关 <a class="header-anchor" href="#css-相关" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://postcss.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://postcss.org/assets/logo-3e39b0aa.svg" alt="PostCSS" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="postcss" class="title" data-v-961ec27a>PostCSS</h5></div><p class="desc" data-v-961ec27a>一个用 JavaScript 转换 CSS 的工具</p></article></a><a class="m-nav-link" href="https://sass-lang.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://sass-lang.com/assets/img/logos/logo-b6e1ef6e.svg" alt="Sass" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="sass" class="title" data-v-961ec27a>Sass</h5></div><p class="desc" data-v-961ec27a>一个成熟，稳定，功能强大的专业级 CSS 扩展语言</p></article></a><a class="m-nav-link" href="https://www.tailwindcss.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.tailwindcss.cn/apple-touch-icon.png" alt="TailwindCSS 中文网" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="tailwindcss-中文网" class="title" data-v-961ec27a>TailwindCSS 中文网</h5></div><p class="desc" data-v-961ec27a>一个功能类优先的 CSS 框架</p></article></a><!--]--></div><!--]--><!--[--><h2 id="小程序相关" tabindex="-1" data-v-df74db49>小程序相关 <a class="header-anchor" href="#小程序相关" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://developers.weixin.qq.com/miniprogram/dev/framework/" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://res.wx.qq.com/a/wx_fed/assets/res/OTE0YTAw.png" alt="微信小程序文档" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="微信小程序文档" class="title" data-v-961ec27a>微信小程序文档</h5></div><p class="desc" data-v-961ec27a>微信小程序官方开发者文档</p></article></a><a class="m-nav-link" href="https://taro.jd.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/taro.svg" alt="Taro" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="taro" class="title" data-v-961ec27a>Taro</h5></div><p class="desc" data-v-961ec27a>多端统一开发解决方案</p></article></a><a class="m-nav-link" href="https://uniapp.dcloud.net.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://web-assets.dcloud.net.cn/unidoc/zh/icon.png" alt="uni-app" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="uni-app" class="title" data-v-961ec27a>uni-app</h5></div><p class="desc" data-v-961ec27a>一个使用 Vue.js 开发所有前端应用的框架</p></article></a><a class="m-nav-link" href="https://mpxjs.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://mpxjs.cn/favicon.ico" alt="Mpx" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="mpx" class="title" data-v-961ec27a>Mpx</h5></div><p class="desc" data-v-961ec27a>增强型跨端小程序框架</p></article></a><!--]--></div><!--]--><!--[--><h2 id="node-相关" tabindex="-1" data-v-df74db49>Node 相关 <a class="header-anchor" href="#node-相关" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://nodejs.org/zh-cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/nodejs.svg" alt="Node.js" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="node-js" class="title" data-v-961ec27a>Node.js</h5></div><p class="desc" data-v-961ec27a>Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境</p></article></a><a class="m-nav-link" href="https://expressjs.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://expressjs.com/images/favicon.png" alt="Express" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="express" class="title" data-v-961ec27a>Express</h5></div><p class="desc" data-v-961ec27a>基于 Node.js 平台，快速、开放、极简的 Web 开发框架</p></article></a><a class="m-nav-link" href="https://koajs.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/koa.svg" alt="Koa" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="koa" class="title" data-v-961ec27a>Koa</h5></div><p class="desc" data-v-961ec27a>基于 Node.js 平台的下一代 web 开发框架</p></article></a><a class="m-nav-link" href="https://www.eggjs.org/zh-CN" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.eggjs.org/favicon.png" alt="Egg" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="egg" class="title" data-v-961ec27a>Egg</h5></div><p class="desc" data-v-961ec27a>为企业级框架和应用而生</p></article></a><a class="m-nav-link" href="https://docs.nestjs.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://d33wubrfki0l68.cloudfront.net/e937e774cbbe23635999615ad5d7732decad182a/26072/logo-small.ede75a6b.svg" alt="Nest.js 中文文档" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="nest-js-中文文档" class="title" data-v-961ec27a>Nest.js 中文文档</h5></div><p class="desc" data-v-961ec27a>用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架</p></article></a><!--]--></div><!--]--><!--[--><h2 id="可视化" tabindex="-1" data-v-df74db49>可视化 <a class="header-anchor" href="#可视化" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://echarts.apache.org/zh/index.html" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://echarts.apache.org/zh/images/favicon.png" alt="ECharts" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="echarts" class="title" data-v-961ec27a>ECharts</h5></div><p class="desc" data-v-961ec27a>一个基于 JavaScript 的开源可视化图表库</p></article></a><a class="m-nav-link" href="https://antv.vision/zh/" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://antv.vision/icons/icon-72x72.png" alt="AntV" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="antv" class="title" data-v-961ec27a>AntV</h5></div><p class="desc" data-v-961ec27a>蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。</p></article></a><a class="m-nav-link" href="https://d3js.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://d3js.org/favicon.png" alt="D3.js" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="d3-js" class="title" data-v-961ec27a>D3.js</h5></div><p class="desc" data-v-961ec27a>一个遵循 Web 标准用于可视化数据的 JavaScript 库</p></article></a><a class="m-nav-link" href="https://www.chartjs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.chartjs.org/favicon.ico" alt="Chart.js" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="chart-js" class="title" data-v-961ec27a>Chart.js</h5></div><p class="desc" data-v-961ec27a>一个简单而灵活的 JavaScript 图表库</p></article></a><a class="m-nav-link" href="https://threejs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://threejs.org/files/favicon.ico" alt="Three.js" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="three-js" class="title" data-v-961ec27a>Three.js</h5></div><p class="desc" data-v-961ec27a>JavaScript 3d 库</p></article></a><!--]--></div><!--]--><!--[--><h2 id="编译-构建-打包" tabindex="-1" data-v-df74db49>编译&amp;构建&amp;打包 <a class="header-anchor" href="#编译-构建-打包" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://www.webpackjs.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.webpackjs.com/icon_180x180.png" alt="Webpack 中文网" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="webpack-中文网" class="title" data-v-961ec27a>Webpack 中文网</h5></div><p class="desc" data-v-961ec27a>一个用于现代 JavaScript 应用程序的静态模块打包工具</p></article></a><a class="m-nav-link" href="https://cn.vitejs.dev" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.vitejs.dev/logo.svg" alt="Vite 中文文档" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vite-中文文档" class="title" data-v-961ec27a>Vite 中文文档</h5></div><p class="desc" data-v-961ec27a>下一代前端工具链</p></article></a><a class="m-nav-link" href="https://www.rollupjs.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.rollupjs.com/img/favicon.png" alt="Rollup" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="rollup" class="title" data-v-961ec27a>Rollup</h5></div><p class="desc" data-v-961ec27a>Rollup 是一个 JavaScript 模块打包器</p></article></a><a class="m-nav-link" href="https://turbo.build" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://turbo.build/images/favicon-dark/apple-touch-icon.png" alt="Turbo" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="turbo" class="title" data-v-961ec27a>Turbo</h5></div><p class="desc" data-v-961ec27a>Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust</p></article></a><a class="m-nav-link" href="https://www.babeljs.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.babeljs.cn/img/favicon.png" alt="Babel" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="babel" class="title" data-v-961ec27a>Babel</h5></div><p class="desc" data-v-961ec27a>Babel 是一个 JavaScript 编译器</p></article></a><a class="m-nav-link" href="https://esbuild.github.io" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://esbuild.github.io/favicon.svg" alt="esbuild" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="esbuild" class="title" data-v-961ec27a>esbuild</h5></div><p class="desc" data-v-961ec27a>An extremely fast bundler for the web</p></article></a><a class="m-nav-link" href="https://swc.rs" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://swc.rs/favicon/apple-touch-icon.png" alt="SWC" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="swc" class="title" data-v-961ec27a>SWC</h5></div><p class="desc" data-v-961ec27a>Rust-based platform for the Web</p></article></a><!--]--></div><!--]--><!--[--><h2 id="站点生成器" tabindex="-1" data-v-df74db49>站点生成器 <a class="header-anchor" href="#站点生成器" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://astro.build" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://astro.build/favicon.svg" alt="Astro" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="astro" class="title" data-v-961ec27a>Astro</h5></div><p class="desc" data-v-961ec27a>一个现代化的轻量级静态站点生成器</p></article></a><a class="m-nav-link" href="https://vitepress.dev" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.vuejs.org/logo.svg" alt="VitePress" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vitepress" class="title" data-v-961ec27a>VitePress</h5></div><p class="desc" data-v-961ec27a>由 Vite 和 Vue 驱动的静态网站生成器</p></article></a><a class="m-nav-link" href="https://vuepress.vuejs.org/zh" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cn.vuejs.org/logo.svg" alt="VuePress" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="vuepress" class="title" data-v-961ec27a>VuePress</h5></div><p class="desc" data-v-961ec27a>Vue 驱动的静态网站生成器</p></article></a><a class="m-nav-link" href="https://d.umijs.org" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://gw.alipayobjects.com/zos/bmw-prod/d3e3eb39-1cd7-4aa5-827c-877deced6b7e/lalxt4g3_w256_h256.png" alt="dumi" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="dumi" class="title" data-v-961ec27a>dumi</h5></div><p class="desc" data-v-961ec27a>基于 Umi 为组件研发而生的静态站点框架</p></article></a><a class="m-nav-link" href="https://docusaurus.io/zh-CN" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://docusaurus.io/zh-CN/img/docusaurus.ico" alt="Docusaurus" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="docusaurus" class="title" data-v-961ec27a>Docusaurus</h5></div><p class="desc" data-v-961ec27a>基于 React 的静态网站生成器</p></article></a><!--]--></div><!--]--><!--[--><h2 id="图标库" tabindex="-1" data-v-df74db49>图标库 <a class="header-anchor" href="#图标库" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://www.iconfont.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" alt="iconfont" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="iconfont" class="title" data-v-961ec27a>iconfont</h5></div><p class="desc" data-v-961ec27a>国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能</p></article></a><a class="m-nav-link" href="https://iconpark.oceanengine.com/official" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://lf1-cdn2-tos.bytegoofy.com/bydesign/iconparksite/logo.svg" alt="IconPark 图标库" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="iconpark-图标库" class="title" data-v-961ec27a>IconPark 图标库</h5></div><p class="desc" data-v-961ec27a>IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库，可以实现根据单一 SVG 源文件变换出多种主题， 具备丰富的分类、更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标</p></article></a><!----><!--]--></div><!--]--><!--[--><h2 id="前端学习资料" tabindex="-1" data-v-df74db49>前端学习资料 <a class="header-anchor" href="#前端学习资料" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://developer.mozilla.org/zh-CN" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://developer.mozilla.org/apple-touch-icon.6803c6f0.png" alt="MDN | Web 开发者指南" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="mdn-web-开发者指南" class="title" data-v-961ec27a>MDN | Web 开发者指南</h5></div><p class="desc" data-v-961ec27a>Mozilla 的开发者平台，提供了大量关于 HTML、CSS 和 JavaScript 的详细文档以及广泛的 Web API 参考资</p></article></a><a class="m-nav-link" href="https://www.runoob.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://static.runoob.com/images/favicon.ico" alt="菜鸟教程" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="菜鸟教程" class="title" data-v-961ec27a>菜鸟教程</h5></div><p class="desc" data-v-961ec27a>学的不仅是技术，更是梦想！</p></article></a><a class="m-nav-link" href="http://es6.ruanyifeng.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/es6.svg" alt="ES6 入门教程" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="es6-入门教程" class="title" data-v-961ec27a>ES6 入门教程</h5></div><p class="desc" data-v-961ec27a>阮一峰的网络日志</p></article></a><!--]--></div><!--]--><!--[--><h2 id="社区" tabindex="-1" data-v-df74db49>社区 <a class="header-anchor" href="#社区" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://github.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></div><h5 id="github" class="title" data-v-961ec27a>Github</h5></div><p class="desc" data-v-961ec27a>一个面向开源及私有软件项目的托管平台</p></article></a><a class="m-nav-link" href="https://stackoverflow.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon.png?v=c78bd457575a" alt="Stack Overflow" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="stack-overflow" class="title" data-v-961ec27a>Stack Overflow</h5></div><p class="desc" data-v-961ec27a>全球最大的技术问答网站</p></article></a><a class="m-nav-link" href="https://juejin.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web//static/favicons/apple-touch-icon.png" alt="稀土掘金" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="稀土掘金" class="title" data-v-961ec27a>稀土掘金</h5></div><p class="desc" data-v-961ec27a>面向全球中文开发者的技术内容分享与交流平台</p></article></a><a class="m-nav-link" href="https://www.v2ex.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.v2ex.com/static/icon-192.png" alt="V2EX" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="v2ex" class="title" data-v-961ec27a>V2EX</h5></div><p class="desc" data-v-961ec27a>一个关于分享和探索的地方</p></article></a><a class="m-nav-link" href="https://segmentfault.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://static.segmentfault.com/main_site_next/0dc4bace/touch-icon.png" alt="SegmentFault 思否" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="segmentfault-思否" class="title" data-v-961ec27a>SegmentFault 思否</h5></div><p class="desc" data-v-961ec27a>技术问答开发者社区</p></article></a><a class="m-nav-link" href="https://www.cnblogs.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/cnblogs.svg" alt="博客园" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="博客园" class="title" data-v-961ec27a>博客园</h5></div><p class="desc" data-v-961ec27a>博客园是一个面向开发者的知识分享社区</p></article></a><a class="m-nav-link" href="https://juejin.cn" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://static.zhihu.com/heifetz/assets/apple-touch-icon-60.362a8eac.png" alt="知乎" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="知乎" class="title" data-v-961ec27a>知乎</h5></div><p class="desc" data-v-961ec27a>中文互联网高质量的问答社区和创作者聚集的原创内容平台</p></article></a><!--]--></div><!--]--><!--[--><h2 id="摸鱼专用" tabindex="-1" data-v-df74db49>摸鱼专用 <a class="header-anchor" href="#摸鱼专用" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://momoyu.cc" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://momoyu.cc/icon-192.png" alt="摸摸鱼热榜" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="摸摸鱼热榜" class="title" data-v-961ec27a>摸摸鱼热榜</h5></div><!----></article></a><a class="m-nav-link" href="https://v.qq.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://v.qq.com/favicon.ico" alt="腾讯视频" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="腾讯视频" class="title" data-v-961ec27a>腾讯视频</h5></div><!----></article></a><a class="m-nav-link" href="https://www.bilibili.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://static.hdslb.com/mobile/img/512.png" alt="哔哩哔哩" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="哔哩哔哩" class="title" data-v-961ec27a>哔哩哔哩</h5></div><!----></article></a><a class="m-nav-link" href="https://www.youtube.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://www.youtube.com/s/desktop/014dbbed/img/favicon_48x48.png" alt="YouTube" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="youtube" class="title" data-v-961ec27a>YouTube</h5></div><!----></article></a><a class="m-nav-link" href="https://twitter.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/twitter.svg" alt="Twitter" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="twitter" class="title" data-v-961ec27a>Twitter</h5></div><!----></article></a><a class="m-nav-link" href="https://www.pixiv.net" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="/vitepress_note_public/icons/pixiv.png" alt="Pixiv" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="pixiv" class="title" data-v-961ec27a>Pixiv</h5></div><!----></article></a><!--]--></div><!--]--><!--[--><h2 id="其他站点导航" tabindex="-1" data-v-df74db49>其他站点导航 <a class="header-anchor" href="#其他站点导航" aria-hidden="true" data-v-df74db49></a></h2><div class="m-nav-links" data-v-df74db49><!--[--><a class="m-nav-link" href="https://qwerty.fe-mm.com" target="_blank" rel="noreferrer" data-v-df74db49 data-v-961ec27a><article class="box" data-v-961ec27a><div class="box-header" data-v-961ec27a><div class="icon" data-v-961ec27a><img src="https://qwerty.fe-mm.com/apple-touch-icon.png" alt="Qwerty Learner" onerror="this.parentElement.style.display=&#39;none&#39;" data-v-961ec27a></div><h5 id="qwerty-learner" class="title" data-v-961ec27a>Qwerty Learner</h5></div><p class="desc" data-v-961ec27a>为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件</p></article></a><!--]--></div><!--]--><!--]--><br><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>前端导航</p></div></div></div></main><footer class="VPDocFooter" data-v-42620db0 data-v-c7f3a203><!--[--><!--]--><!----><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-9318537a data-v-6e61ade4><div class="container" data-v-6e61ade4><p class="message" data-v-6e61ade4>根据 MIT 许可证发布</p><p class="copyright" data-v-6e61ade4>Copyright (c) 2024 xiaobinxiaoxiong</p></div></footer><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"index.md\":\"e0dee572\",\"nav_index.md\":\"a9a25e99\",\"daily-notes_字符串.md\":\"2d5c7bf1\",\"daily-notes_数组.md\":\"ca3d7d97\",\"note_web_vue3_vue3快速上手.md\":\"03582f9a\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"小盐菌\",\"description\":\"包含前端常用知识、源码阅读笔记、各种奇淫技巧、日常提效工具等\",\"base\":\"/vitepress_note_public/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"i18nRouting\":false,\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"待开发\",\"link\":\"/nav/\"},{\"text\":\"待开发\",\"link\":\"https://notes.fe-mm.com\"},{\"text\":\"待开发\",\"link\":\"https://netease-music.fe-mm.com\"},{\"text\":\"待开发\",\"link\":\"https://github.com/maomao1996/tampermonkey-scripts\"}],\"sidebar\":{},\"outline\":{\"level\":\"deep\",\"label\":\"本页目录\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/maomao1996/vitepress-nav-template\"},{\"icon\":{\"svg\":\"<svg t=\\\"1703841371820\\\" class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" p-id=\\\"7872\\\" width=\\\"200\\\" height=\\\"200\\\"><path d=\\\"M683.058 364.695c11 0 22 1.016 32.943 1.976C686.564 230.064 538.896 128 370.681 128c-188.104 0.66-342.237 127.793-342.237 289.226 0 93.068 51.379 169.827 136.725 229.256L130.72 748.43l119.796-59.368c42.918 8.395 77.37 16.79 119.742 16.79 11 0 21.46-0.48 31.914-1.442a259.168 259.168 0 0 1-10.455-71.358c0.485-148.002 128.744-268.297 291.403-268.297l-0.06-0.06z m-184.113-91.992c25.99 0 42.913 16.79 42.913 42.575 0 25.188-16.923 42.579-42.913 42.579-25.45 0-51.38-16.85-51.38-42.58 0-25.784 25.93-42.574 51.38-42.574z m-239.544 85.154c-25.384 0-51.374-16.85-51.374-42.58 0-25.784 25.99-42.574 51.374-42.574 25.45 0 42.918 16.79 42.918 42.575 0 25.188-16.924 42.579-42.918 42.579z m736.155 271.655c0-135.647-136.725-246.527-290.983-246.527-162.655 0-290.918 110.88-290.918 246.527 0 136.128 128.263 246.587 290.918 246.587 33.972 0 68.423-8.395 102.818-16.85l93.809 50.973-25.93-84.677c68.907-51.93 120.286-119.815 120.286-196.033z m-385.275-42.58c-16.923 0-34.452-16.79-34.452-34.179 0-16.79 17.529-34.18 34.452-34.18 25.99 0 42.918 16.85 42.918 34.18 0 17.39-16.928 34.18-42.918 34.18z m188.165 0c-16.984 0-33.972-16.79-33.972-34.179 0-16.79 16.927-34.18 33.972-34.18 25.93 0 42.913 16.85 42.913 34.18 0 17.39-16.983 34.18-42.913 34.18z\\\" fill=\\\"#09BB07\\\" p-id=\\\"7873\\\"></path></svg>\"},\"link\":\"https://weixin.qq.com/\"},{\"icon\":{\"svg\":\"<svg t=\\\"1703841714246\\\" class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" p-id=\\\"9766\\\" width=\\\"200\\\" height=\\\"200\\\"><path d=\\\"M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z\\\" fill=\\\"#C71D23\\\" p-id=\\\"9767\\\"></path></svg>\"},\"link\":\"https://gitee.com/\"},{\"icon\":{\"svg\":\"<svg t=\\\"1703842691600\\\" class=\\\"icon\\\" viewBox=\\\"0 0 1024 1024\\\" version=\\\"1.1\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\" p-id=\\\"10969\\\" width=\\\"200\\\" height=\\\"200\\\"><path d=\\\"M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z\\\" fill=\\\"#FF6B9B\\\" p-id=\\\"10970\\\"></path><path d=\\\"M336.896 115.584l117.568 115.968h115.008l117.632-115.904a36.672 36.672 0 0 1 51.328 0 35.456 35.456 0 0 1 0 50.56L672 231.552h75.648c33.664 0 65.92 13.184 89.792 36.672 23.808 23.488 37.12 55.296 37.12 88.512v286.08c0 33.216-13.312 65.024-37.12 88.512a127.872 127.872 0 0 1-89.792 36.672H276.288c-33.664 0-65.92-13.184-89.792-36.672a124.288 124.288 0 0 1-37.12-88.512v-286.08c0-33.216 13.312-65.024 37.12-88.512a127.872 127.872 0 0 1 89.792-36.672h75.584L285.568 166.144a35.456 35.456 0 0 1-9.344-34.56 36.608 36.608 0 0 1 60.736-16z m410.88 187.52H276.224a54.144 54.144 0 0 0-54.144 48.512l-0.256 5.12v286.08c0 27.648 21.248 50.752 49.152 53.44l5.248 0.192h471.424a54.144 54.144 0 0 0 54.144-48.448l0.256-5.12v-286.08a54.016 54.016 0 0 0-54.4-53.76z m-380.8 107.264c19.968 0 36.224 16 36.224 35.776v71.552a36.032 36.032 0 0 1-36.288 35.712 36.032 36.032 0 0 1-36.224-35.712V446.08c0-19.776 16.192-35.776 36.224-35.776z m290.112 0c20.032 0 36.224 16 36.224 35.776v71.552a36.032 36.032 0 0 1-36.224 35.712 36.032 36.032 0 0 1-36.288-35.712V446.08c0-19.776 16.256-35.776 36.288-35.776z\\\" fill=\\\"#FF7BA6\\\" p-id=\\\"10971\\\"></path><path d=\\\"M741.632 390.72c2.496 0.448 22.208-3.968 23.04-2.56 1.28 1.92 10.048 65.152 7.68 65.6-2.24 0.384-18.56 4.16-18.56 4.16-1.28-8.576-11.968-61.76-12.16-67.2m31.36-6.08l8.64 68.032c4.352-0.192 22.144-1.472 23.872-1.664-2.56-25.728-6.912-66.368-6.912-66.368a65.536 65.536 0 0 0-25.6 0m-16.896 94.464s38.72-9.856 52.736-5.056c7.104 25.728 20.096 170.24 21.376 176.064-8.832 1.088-37.76 3.584-40 4.224-1.92-10.88-34.112-168.32-34.112-175.232m143.36-86.72c2.368 0.64 22.848-2.112 23.04-0.64 0.448 5.056 2.56 65.792 0.256 65.92l-18.688 1.728c-0.384-8.32-4.992-61.376-4.544-67.008m31.616-1.664l1.664 67.2c4.352 0 21.952 1.024 23.872 0.832-0.448-25.728 0-66.368 0-66.368a115.712 115.712 0 0 0-25.6-1.664m-27.008 90.24s39.616-5.248 52.992 1.024c2.944 30.144 2.56 170.688 2.944 176.512-8.96 0-37.696 0.448-40 0.832-0.384-10.88-16.512-171.456-15.936-178.368M812.16 308.224c22.848 116.416 40.192 315.328 40.832 328.064 0 0 18.048 0.448 38.336 1.728-11.968-125.44-26.624-325.76-26.368-332.288-5.056-5.696-52.8 2.496-52.8 2.496m-50.24 275.328c-4.416-32.64-121.216-69.76-186.944-57.792 0 0-8.192-72-11.328-141.76a1447.04 1447.04 0 0 1 0.192-127.68c-4.352-3.2-51.712 19.456-77.248 28.864 0 0 30.592 129.408 52.736 397.824 0 0 35.392 3.776 96.128-7.936s132.544-48.384 126.464-91.52m-142.784 58.88l-10.24-73.984c2.496-1.28 65.536 22.208 72.192 26.432-1.024 4.608-61.952 47.488-61.952 47.488m-364.16-251.648c2.56 0.448 22.272-3.968 23.04-2.56 1.28 1.92 10.112 65.152 7.808 65.6-2.304 0.384-18.688 4.16-18.688 4.16-1.28-8.576-11.904-61.76-12.16-67.2m31.424-6.08l8.64 68.032c4.352-0.192 22.144-1.472 23.872-1.664-2.752-25.728-6.912-66.368-6.912-66.368a65.536 65.536 0 0 0-25.6 0M269.44 479.104s38.784-9.856 52.8-5.056c7.104 25.728 20.096 170.24 21.376 176.064-8.832 1.088-37.76 3.584-40 4.224-1.92-10.88-34.176-168.32-34.176-175.232M412.864 392.32c2.304 0.64 22.848-2.112 23.04-0.64 0.448 5.056 2.56 65.792 0.256 65.92l-18.688 1.728c-0.384-8.32-4.8-61.376-4.608-67.008m31.616-1.664l1.728 67.2c4.352 0 21.952 1.024 23.872 0.832-0.448-25.728 0-66.368 0-66.368a129.92 129.92 0 0 0-25.6-1.664m-27.008 90.24s39.616-5.248 52.992 1.024c2.944 30.144 2.56 170.688 2.944 176.512-8.96 0-37.696 0.448-40 0.832-0.192-10.88-16.512-171.456-15.936-178.368M325.568 308.224c22.848 116.416 40.192 315.328 40.832 328.064 0 0 18.048 0.448 38.336 1.728-11.968-125.44-26.624-325.76-26.368-332.544-5.056-5.44-52.8 2.752-52.8 2.752m-50.24 275.328c-4.416-32.64-121.216-69.76-186.944-57.792 0 0-8.192-72-11.328-141.76a1447.04 1447.04 0 0 1 0.192-127.68C72.832 253.376 25.6 275.776 0 285.184c0 0 30.592 129.408 52.736 397.824 0 0 35.392 3.776 96.128-7.936s132.48-48.384 126.464-91.52m-142.784 58.88l-10.24-73.984c2.496-1.28 65.536 22.208 72.192 26.432-1.024 4.608-61.952 47.488-61.952 47.488\\\" fill=\\\"#FFFFFF\\\" p-id=\\\"10972\\\"></path></svg>\"},\"link\":\"https://www.bilibili.com/\"}],\"footer\":{\"message\":\"根据 MIT 许可证发布\",\"copyright\":\"Copyright (c) 2024 xiaobinxiaoxiong\"},\"darkModeSwitchLabel\":\"外观\",\"returnToTopLabel\":\"返回顶部\",\"lastUpdatedText\":\"上次更新\",\"docFooter\":{\"prev\":\"上一篇\",\"next\":\"下一篇\"}},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":true}");</script>
    
  </body>
</html>